<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<head>
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/1CssMaster.css" />

<link rel="stylesheet" media="screen" type="text/css"
	href="styles/tableau.css" />
	
<link rel="stylesheet" media="screen" type="text/css"
	href="styles/personnel.css" />	

<link rel="stylesheet" type="text/css" href="styles\epoch_styles.css" />

<script type="text/javascript" src="jsMairie\epoch_classes.js"></script>
<script type="text/javascript">
/*You can also place this code in a separate file and link to it like epoch_classes.js*/
	var dp_cal;      
window.onload = function () {
	dp_cal  = new Epoch('epoch_popup','popup',document.getElementById('popup_container'));
};
</script>

<title>personnel</title>

</head>

<body>
	<div id="headerDroite">
			<h:form>
				<h:panelGrid columns="2">
					<h:outputText style="center:left" value="#{mbConnexion.leLogin}" />
					<h:commandButton value="Déconnexion"
						action="#{mbConnexion.deconnexion}" />
					<h:outputText style="center:left" />
					<h:outputText style="center:left" />
				</h:panelGrid>
			</h:form>
		</div>
		<div id="divTitre">
			<h1 id="nomLogiciel">Gepeto</h1>
			<img alt="" src="../../mairie/imagesGepeto/plumeSansFond.png"
				width="80px" height="80px" />

		</div>
		

	<div id="divMenuHaut">

		<ul id="ulMenuHaut">

			<li class="liMenuHaut"><a href="ficheEnfant.xhtml">Dossier
					Enfant</a></li>
			<li class="liMenuHaut"><a href="inscription.xhtml">Inscription</a></li>
			<li class="liMenuHaut"><a href="pointage.xhtml">Pointage</a></li>
			<li class="liMenuHaut"><a href="facturation.xhtml">Facturation</a></li>
			<li class="liMenuHaut"><a href="editions.xhtml">Editions</a></li>
			<li class="liMenuHaut"><a href="personnel.xhtml">Personnel</a></li>
		</ul>
	</div>
	<!--///////////////////////////////////menu gauche ///////////////////-->

<div id="divSousMenuGauche">

		<ul id="ulSousMenuGauche">
			<li class="liSousMenuGauche"><a href="personnel.xhtml">Recherche multicritères</a></li>
			<li class="liSousMenuGauche"><a href="personnelParNom.xhtml">Recherche par Nom</a></li>
			<li class="liSousMenuGauche"><a href="personnel.xhtml">Gestion planning</a></li>

		</ul>
	</div>
		
	<div id="centre">
<div id="divRechercheNom">
<fieldset id="fieldSetRechercheNom">
				<legend>
					<b>Critères</b>
				</legend>
		<form id="formulairePersonnel" method="post" action="">
		
			<table id= "tbleRechNom">
				<tr id= "trRechNom">
					<td class="tdRechNom"><input id="txtNomPersonnel" type="text" value="Nom du personnel"
    onfocus="if (this.value== this.defaultValue) this.value='' "/></td>
					<td class="tdRechNom"><input id="valider" type="submit"
						value="Rechercher" onclick="javascript:text()" /></td>
				</tr>
			</table>
		</form>
</fieldset>
		
	

			<fieldset id="fieldSetResultat">
				<legend>
					<b>Résultats</b>
				</legend>

				<div class="datagrid">
					<table>
						<thead>
							<tr>
								<th>Date</th>
								<th>Ecole</th>
								<th>Fonction</th>
								<th>Activité</th>
								<th>Nom</th>
								<th>Prénom</th>
						
							</tr>
						</thead>
						<tfoot>
							<tr>
								<td colspan="8"><div id="paging">
										<ul>
											<li><a href="#"><span>Previous</span></a></li>
											<li><a href="#" class="active"><span>1</span></a></li>
											<li><a href="#"><span>2</span></a></li>
											<li><a href="#"><span>3</span></a></li>
											<li><a href="#"><span>4</span></a></li>
											<li><a href="#"><span>5</span></a></li>
											<li><a href="#"><span>Next</span></a></li>
										</ul>

									</div></td>
							</tr>
						</tfoot>
						<tbody>
							<tr>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
							
							</tr>
							<tr class="alt">
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								
							</tr>
							<tr>
									<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
							
							</tr>
							<tr class="alt">
									<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								
							</tr>
							<tr>
									<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								
							</tr>
						</tbody>
					</table>
				</div>
			</fieldset>

	
		<!-- ///////////////////////////////////////////////////////////////////////boutons générer///////////////////////////////// -->
			<fieldset id="fieldSetCoordonnées" style="margin-left: 10px; margin-right: 10px;">
				<legend>
					<b>Coordonnées du Personnel</b>
				</legend>
	<div class="datagrid">
					<table>
						<thead>
							<tr>
								<th>Nom</th>
								<th>Prénom</th>
								<th>Fonction</th>
								<th>Téléphone 1</th>
								<th>adresse</th>
								<th>Mail</th>
							</tr>
						</thead>
						<!--  <tfoot>
							<tr>
								<td colspan="8"><div id="paging">
										<ul>
											<li><a href="#"><span>Previous</span></a></li>
											<li><a href="#" class="active"><span>1</span></a></li>
											<li><a href="#"><span>2</span></a></li>
											<li><a href="#"><span>3</span></a></li>
											<li><a href="#"><span>4</span></a></li>
											<li><a href="#"><span>5</span></a></li>
											<li><a href="#"><span>Next</span></a></li>
										</ul>

									</div></td>
							</tr>
						</tfoot>-->
						<tbody>
							<tr>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
								<td>data</td>
							</tr>
						</tbody>
					</table>
				</div>
			</fieldset>
		</div>
</div>

</body>
</html>